<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div class="app">
        <div class="name" id="login">
            <div class="user">
                <img id="imgurl" class="bgimg">                <p class="user-name" id="nickname">用户名</p>
            </div>
            <a class="iconfont icon-youjiantou" href="#"></a>
        </div>
        <p class="autograph" id="autograph">个性签名: <span class="syn" id="syn">XXXXXXXXXXXXXXXXXXXXXXXXXX</span></p>


        <div class="dynamics">
            <a class="iconfont icon-gengduo" id="iconDynamics">
                <p>个人动态</p>
            </a>
            <div class="data">
                <p id="dynamicCount">10</p>条
                <a class="iconfont icon-youjiantou"></a>
            </div>
        </div>


        <div class="motion">
            <a class="iconfont icon-wodedongtai">
                <p>我的运动数据</p>
            </a>
            <div class="jump">
                <a class="iconfont icon-youjiantou" href="#"></a>
            </div>
        </div>
        <div class="data1">
            <a class="left-data">
                <div class="math">
                    <p>总运动</p>
                    <span id="times">99999</span>
                    分钟
                </div>
            </a>
            <a class="right-data">
                <div class="math">
                    <p>本周消耗</p>
                    <span id="calorie">99999</span>
                    千卡
                </div>
            </a>
        </div>

        <div class="sport">
            <a class="iconfont icon-start">
                <p>我的运动勋章</p>
            </a>
            <div class="jump1">
                <a class="iconfont icon-youjiantou" href="#"></a>
            </div>
        </div>
        <div class="medal">
            <div></div>
            <div></div>
            <div></div>
        </div>



        <div class="signout">
            <a id="btn">退出登录</a>
        </div>
        <div class="mp"></div>


    </div>


    <div class="nav">
        <div class="nav-item">
            <span class="iconfont icon-home"></span>
            <a href="./home.html">首页</a>
        </div>
        <div class="nav-item">
            <span class="iconfont icon-start"></span>
            <a href="./run.html">运动</a>
        </div>
        <div class="nav-item">
            <span class="iconfont icon-dongtai"></span>
            <a href="./follow.html">圈子</a>
        </div>
        <div class="nav-item">
            <span class="iconfont icon-yonghu1"></span>
            <a href="./my.html">我的</a>
        </div>
    </div>



</body>

</html>